<template>
  <div>
    <div
      style="
        width: 50%;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
      "
    >
      <!-- {{ getUserInfo }} -->
      <List v-if="getUserInfo">
        <ListItem>
          <h1>您好！欢迎回来</h1>
        </ListItem>
        <ListItem>用户名称：张三</ListItem>
        <ListItem>登录账号：zhangsan</ListItem>
        <ListItem>用户手机：13918631241</ListItem>
        <ListItem>用户角色：超级管理员</ListItem>
        <ListItem
          >快捷操作：<Button type="primary" @click="updPwd">修改密码</Button
          >&nbsp;&nbsp;<Button type="error" @click="logout">退出登录</Button>
        </ListItem>
      </List>
    </div>
    <UpdPassword ref="updPwd"></UpdPassword>
  </div>
</template>
<script>
import UpdPassword from "../UpdPassword";
export default {
  components: { UpdPassword },
  data: function () {
    return {
      getUserInfo: null,
    };
  },
  computed: {},
  created() {
    this.loadCurrentUser();
  },
  methods: {
    loadCurrentUser() {},
    updPwd() {
      this.$refs["updPwd"].showDialog();
    },
    logout() {
      const that = this;
      that.$Modal.confirm({
        title: "提示",
        content: "您确定要退出登录吗?",
        closable: true,
        onOk: () => {
          that.doLogout();
        },
        onCancel: () => {},
      });
    },
    doLogout() {
      
    },
  },
  mounted() {},
  updated() {},
};
</script>
<style>
</style>
